<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@ taglib prefix="sb" uri="/struts-bootstrap-tags"%>
<link href="jquery.colorpicker.css" rel="stylesheet" type="text/css" />
<script src='/simpt/js/spectrum/spectrum.js'></script>
<link rel='stylesheet' href='/simpt/js/spectrum/spectrum.css' />
<script>
	$(function() {

		$('#kodeWarna').spectrum({
			showInput : true
		});

	});
</script>
<style>
.keterangan {
	width: 625px;
	height: 147px;
}

.control-label {
	margin-right: 10px;
	width: 200px;
}
</style>

<s:property value="#session.jabatan.id"/>

<s:url id="agendaAddUrl" action="smap/sekretariat/agenda/object/insert">
</s:url>
<s:url id="listPejabatUrl" action="sdm/pegawai/jabatan/jsonmap" />

<s:form theme="bootstrap" cssClass="form-horizontal"
	label="Tambah Agenda Pimpinan" id="agendaAddForm">
	<s:hidden name="jabatanId" value="%{#parameters.jabatanId}"></s:hidden>
	<s:textfield label="Nama Kegiatan" name="namaKegiatan" />
	<s:textfield label="Lokasi Kegiatan" name="lokasiKegiatan" />
	<s:textfield label="Ruang Kegiatan" name="ruangKegiatan" />
	<s:radio tooltip="Zona Waktu" label="Zona Waktu" labelposition="inline"
		list="{'WIB', 'WITA', 'WITA'}" name="zona" cssErrorClass="foo" />

	<s:textfield label="Kode Warna" name="kodeWarna" id="kodeWarna"
		value='#FFFFFF'></s:textfield>
	<sj:datepicker label="Dari (Tanggal dan Jam)" name="dari"
		timepicker="true" displayFormat="yy-m-dd" />
	<sj:datepicker label="Sampai (Tanggal dan Jam)" name="sampai"
		timepicker="true" displayFormat="yy-m-dd" />
	<s:textarea label="Keterangan" name="keterangan" cssClass="keterangan" />

	<sj:select href="%{listPejabatUrl}" id="listPejabatUndangan" name="listPejabatUndangan"
			list="listPejabat" emptyOption="true" headerKey="0"
			headerValue="Pilih Pejabat Aktif" label="Pejabat Yang Diundang" multiple="true"/>
</s:form>
<div class="row-fluid">
	<div class="span2 offset10">
		<sj:submit id="agendaAddBtn" href="%{agendaAddUrl}" targets="empty"
			cssClass="btn" value="Tambahkan Agenda" formIds="agendaAddForm"
			onSuccessTopics="refreshKalendar" />
	</div>
</div>

